<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Travel Dream - Home</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
</h:head>
<h:body>
<div id="maincontainer">
<h:form>
<p:commandLink style="float: right;"  action="#{logoutBean.logout}" value="Logout" />
</h:form>
  <div id="menu">
    <div>
    <h:form>
    	<ul>
    		<li><a href="home.xhtml">HOME</a></li>
    		<li>
				<p:commandLink id="tutti_i_viaggi" action="#{PackageMgr.goToAllTravels()}" value="TUTTI I VIAGGI" /> 
			</li>
    		<li>
					<p:commandLink id="il_mio_profilo" action="#{UserMgr.getUserAndAddress()}" value="IL MIO PROFILO" />   
			</li>
    	</ul>
    	</h:form>
    </div>
  </div>
  <div id="right_column">
<h:form>
<p:dataGrid var="p" value="#{PackageMgr.currentList}" columns="1" rows="12" paginator="true">
        <p:column>
           <p:panel>
              <h:panelGrid columns="1">
              		<p:accordionPanel dynamic = "false" style="width:775px">  
					    <p:tab title="#{p.name}" dynamic = "false" style="width:975px">  
					        <h:panelGrid columns="2" cellpadding="10"> 
					        	<h:outputLabel value="Destinazione:  " /> 
					            <h:outputText value="#{p.city}" />  
					            <h:outputLabel value="Nazione:  " /> 
					            <h:outputText value="#{p.nation}" /> 
     							<h:outputLabel value="Data di scadenza:  " /> 
					            <h:outputText value="#{p.expirationDate}" /> 
					            <h:commandButton value="Personalizza" action="#{PersonalizeMgr.goToPersonalization(p)}" />
					        </h:panelGrid>  
					    </p:tab>  
					</p:accordionPanel>  
               </h:panelGrid>
           </p:panel>
        </p:column>
  </p:dataGrid>
 </h:form>
 </div>
 </div>
</h:body>
</html>